<template>
  <div id="app">
    <el-container>
      <!-- <el-header>
        <nav-header />
      </el-header> -->
      <el-main>
        <router-view />
      </el-main>
      <!-- <el-footer>
        <nav-footer />
      </el-footer> -->
    </el-container>
  </div>
</template>

<script>
import NavHeader from '@/components/NavHeader.vue'
import NavFooter from '@/components/NavFooter.vue'

export default {
  name: 'App',
  components: {
    NavHeader,
    NavFooter
  }
}
</script>

<style lang="scss">
#app {
  font-family: Avenir, Helvetica, Arial, sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  color: #2c3e50;
}

.el-header {
  padding: 0;
  height: auto !important;
}

.el-main {
  padding: 20px;
  min-height: calc(100vh - 120px);
}

.el-footer {
  padding: 0;
  height: auto !important;
}
</style> 